import React from 'react';
import {View, Image, StyleSheet, Text} from 'react-native';
import {Card, List, WingBlank, InputItem} from "@ant-design/react-native";

export default class BasicInformationPage extends React.Component {
    render() {
        return (
            <View style={styles.background}>
                <List>
                    <List>
                        <InputItem
                            placeholder="蒙娜丽莎女士"
                            clear
                            onChange={value => {
                                this.setState({
                                    value,
                                });
                            }}
                        >
                            昵称：
                        </InputItem>
                    </List>
                    <List>
                        <List.Item arrow="horizontal" extra={
                            <Image
                                source={{
                                    uri:
                                        'https://os.alipayobjects.com/rmsportal/mOoPurdIfmcuqtr.png',
                                }}
                                style={{width: 29, height: 29}}
                            />
                        }>
                            头像：
                        </List.Item>
                    </List>
                    <List>
                        <InputItem
                            placeholder="15150519973"
                            clear
                            onChange={value => {
                                this.setState({
                                    value,
                                });
                            }}
                        >
                            手机号：
                        </InputItem>
                    </List>
                    <List>
                        <InputItem
                            placeholder="769892380@qq.com"
                            clear
                            onChange={value => {
                                this.setState({
                                    value,
                                });
                            }}
                        >
                            邮箱：
                        </InputItem>
                    </List>
                </List>
            </View>
        )
    }

}

const styles = StyleSheet.create({
    background: {
        flex: 1,
        backgroundColor: '#eee',
    }
})
